<!doctype html>
<html>
<head>
<title>焦点图</title>
</head>
 
<body>
    <style>
        #main{
            width: 620px;
            height: 250px;
            background:url("banner1.jpg") no-repeat 4px 5px;
            margin-left: auto;
            margin-right: auto;
        }
        #left{
            padding-left: 25px;
            padding-top: 95px;
            float: left;
        }
        #right{
            float: right;
            padding-right: 25px;
            padding-top: 95px;
        }
        #bottom{
            padding-top: 215px;
            padding-left: 198px;
        }
        #bottom2{
            padding-left: 10px;
        }

    </style>
    <div id="main">
        <img id="left" src="arrow1.png" alt="">
        <img id="right" src="arrow2.png" alt="">
        
        <img id="bottom" src="point1.png" alt="">
        <img id="bottom2" src="point2.png" alt="">
        <img id="bottom2" src="point1.png" alt="">
        <img id="bottom2" src="point1.png" alt="">
    </div>

</body>
</html>

